<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>关于</title>
    <link rel="stylesheet" href="../css/about/about.min.css">
</head>
<body>
    <section class="about-all">
        <section class="all">
            <div class="container">
                <nav class="nav">
                    <div>
                        <div class="nav-img">
                            <img src="../images/index/1668681397479.png" alt="">
                        </div>
                        <div class="nav-items">
                            <div class="nav-item active">首页</div>
                            <div class="nav-item">关于我们
                                <div class="show-item">
                                    <div>公司简介</div>
                                    <div>文化产品</div>
                                    <div>发展历程</div>
                                </div>
                            </div>
                            <div class="nav-item">产品中心
                                <div class="show-item">
                                    <div>简约美式</div>
                                    <div>田园休闲</div>
                                    <div>清新法式</div>
                                    <div>现代都市</div>
                                </div>
                            </div>
                            <div class="nav-item">预约设计
                                <div class="show-item">
                                    <div>精牌设计</div>
                                    <div>设计申请</div>
                                    <div>客户案例</div>
                                </div>
                            </div>
                            <div class="nav-item">新闻资讯
                                <div class="show-item">
                                    <div>品牌资讯</div>
                                    <div>热门观点</div>
                                    <div>家具动态</div>
                                    <div>精彩视频</div>
                                </div>
                            </div>
                            <div class="nav-item">服务平台
                                <div class="show-item show-item-last">
                                    <div>理念服务</div>
                                    <div>服务支持</div>
                                    <div>服务承诺</div>
                                    <div>在线保修</div>
                                </div>
                            </div>
                            <div class="nav-item">联系我们</div>
                        </div>
                    </div>
                </nav>
                <div class="first"></div>
                <div class="sec">
                    <div class="sec-first"></div>
                    <div class="sec-second"></div>
                    <div class="sec-three"></div>
                    <div class="sec-four">
                        <div class="sf-first"></div>
                        <div class="sf-sec">
                            恣在家是意大利的家具品牌，创建于一九一九年英语的名字是ZHIZAJIA，家具优雅的元素，最近开业的展厅和产品本身的话就会发现它的“经典”是ZHIZAJIA所能想象的极限。ZHIZAIJIA结合了设计和文化根基，以及外形和材料的研究的风格珍贵的木材(红檀，不同的根木，爱神木，樱木，胡桃木和其他木材)用迷人的雕刻装饰的美轮美奂，手工雕刻的的雕花放在在提前开凿出来的床子里，这样做只是为了得到惊人的和谐感.恣在家（Zest Home）是美克家居推出的家具品牌，为国内实木家居行业创新发展描绘的新方向。依托智能制造手段，美克家居正通过“恣在家”品牌，构筑起C（客户）2（to）M（工厂）的家居发展新模式，加速从“生产型制造”向“服务型制造”转型。[5] 产品套系
                        </div>
                    </div>
                    <div class="sec-five"></div>
                </div>
            </div>
        </section>
    </section>
    <script src="../until/jQuery/jQuery.js"></script>
    <script>
        jQuery(function(){
            callResize();
        });
        function callResize() {
            window.onresize = () => {
                let scale = document.documentElement.clientWidth / 1920;
                jQuery(".all").css({
                    transform: `scale(${scale})`,
                    width: document.documentElement.clientWidth / scale
                });
                jQuery("body").css({
                    height: jQuery(".all").height() * scale
                });
                jQuery(".all-nav").css({
                    transform: `scale(${scale})`,
                    right: `${0.2 * scale}rem`,
                    top: `${2.4 * scale}rem`
                });
            }
            window.onresize();
        }
    </script>
</body>
</html>